<template>
    <div>
        <div class="head"><img src="../../assets/书城/shape_u112.png" alt="" srcset="">目录</div><img src="../../assets/书城/分割线_u3221.png" alt="" srcset="">
        <ul>
            <li>第1章</li><img src="../../assets/书城/分割线_u3221.png" alt="" srcset="">
            <li>第2章 主要人物表</li><img src="../../assets/书城/分割线_u3221.png" alt="" srcset="">
            <li>第3章 驴折腾</li><img src="../../assets/书城/分割线_u3221.png" alt="" srcset="">
            <li>第4章 牛犟劲</li><img src="../../assets/书城/分割线_u3221.png" alt="" srcset="">
            <li>第5章 猪撒欢</li><img src="../../assets/书城/分割线_u3221.png" alt="" srcset="">
            <li>第6章 狗精神</li><img src="../../assets/书城/分割线_u3221.png" alt="" srcset="">
            <li>第7章 结局与开端</li><img src="../../assets/书城/分割线_u3221.png" alt="" srcset="">
            <li>第8章 小说是手工活儿——代新版后记</li></ul>
    </div>
</template>
<style lang="less" scoped>
.head{font-size: 2rem;
	  line-height: 5rem;
	  width: 100%;
	  height: 5rem;
	  text-align: center;
	  position: relative;
	  img{position:absolute;
		 top:2rem;
         left: 2rem;
		  
	  }
  }
li{font-size: 1.4rem;
 
height: 4rem;
line-height: 4rem;
    margin-left: 2rem;
    img{
        margin: 0
    }
};

</style>